﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="latestComments.ascx.cs" Inherits="userControls_latestComments" %>
	<h2 style="padding: 0 0 3px;">
							<img src="html/images/colors.png" width="48" height="48" alt="star" style="margin: 0 0 -11px;" />
							Skins
						</h2>
						<p>Skinned in 8 colors to get you started. Easily edit a skin or create your own for a custom look in just a few minutes.</p>
						<div style="margin-bottom:1.5em;">
							<div id="theme-changer">
								<img src="html/images/content/skins/skin-thumb-blue.jpg" width="291" height="145" alt="blue" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-teal.jpg" width="291" height="145" alt="teal" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-green.jpg" width="291" height="145" alt="green" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-orange.jpg" width="291" height="145" alt="orange" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-purple.jpg" width="291" height="145" alt="purple" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-red.jpg" width="291" height="145" alt="red" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-chocolate.jpg" width="291" height="145" alt="chocolate" onclick="switchSkin(this.alt); return false;" />
								<img src="html/images/content/skins/skin-thumb-mirage.jpg" width="291" height="145" alt="mirage" onclick="switchSkin(this.alt); return false;" />
							</div>
							<p style="text-align:center;">
								<a href="#" id="theme-next" style="float:right; width: 80px; text-align:right;">Next &raquo;</a>
								<a href="#" id="theme-prev" style="float:left; width: 80px; text-align:left;">&laquo; Previous</a>
								<a href="#" id="theme-title" onclick="switchSkin(this.title); return false;" title=""><strong>Apply Skin</strong></a>
							</p>
						</div>
						
						<h4>Changing Skins</h4>
						<p>To apply a new skin, simply change the class name of a page’s body tag. </p>
						<code>&lt;body class="<strong>blue</strong>"&gt;</code>